<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>海洋大学03班</title>
</head>
<body>
    <h3>标题</h3>
</body>
<script>
	// #### 2.1.1、`ES5`没有块级作用域
	// >  在`ES5`中，`JS`的作用域分为全局作用域和局部作用域。通常是用函数区分的，函数内部属于局部作用域。
    // var username = "zhangsan";// 全局变量
	// console.log(username);// 1- f12  2- 右击检查

    // 局部变量（函数变量）：在函数中声明的变量
    // function fn(){
	// 	// 函数体
    //     var age = 12;// 局部变量
	// 	console.log(age);
    // }
	// fn();
	// console.log(age);// age is not defined

	// >  `ES5` 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景
    // if(1===1){
	// 	// es5
	// 	var username = "wangwu";// 全局变量
    //     // es6
    //     let age = 100;
    // }
	// // console.log(username)
	// console.log(age)

	// * 内层变量可能会覆盖外层变量。
    // var age = 10;
	// if(true){
	// 	var age = 20;
    // }
	// console.log(age);// 20

	// * 用来计数的循环变量泄露为全局变量。
    // for(var i=0;i<10;i++){
	// 	console.log(i);// 0 1 2 3 4 5 6 7 8 9
    // }
	// console.log(i);

	for(let i=0;i<10;i++){
		console.log(i);// 0 1 2 3 4 5 6 7 8 9
	}
	console.log(i);

</script>
<script>
	// console.log(username);
</script>
</html>